<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "HTML://www.w3.org/TR/xHTML1/DTD/xHTML1-transitional.dtd">
<HTML xmlns="HTML://www.w3.org/1999/xHTML">
<head>
    <meta HTML-equiv="Content-Type" content="text/HTML; charset=gb2312" />
    <title>js换样式点击查看更多</title>
    <style>
        .aa {width:740px; height:72px; overflow:hidden; line-height:24px;}
        .bb { width:740px; line-height:24px;}
    </style>
    <script language="javascript">
        function aa(){
            var go = document.getElementById("aaa");
            var to = document.getElementById("bbb");
            if(go.className == "aa")
            {
                go.className = "bb";
                to.value = "收起>>"; return;
            }
            else
                go.className = "aa";
            to.value = "更多>>"; return;
        }
    </script>
</head>
<body>
<div class="aa" id="aaa">
【给自己的五句话】<br>
1、再难也要坚持。<br>
2、再好也要淡泊。<br>
3、再差也要自信。<br>
4、再多也要节省。<br>
5、再冷也要热情。。。<br>
</div>
<input type="submit" value="更多>>" onclick="aa()" id="bbb">
</body>
</HTML>
